<template>
  <view class="set_wraper">
    <view class="set_item">
      <text class="title">地址管理</text>
      <view class="arrow"></view>
    </view>
    <view class="set_item borders">
      <text class="title">账户与安全</text>
      <view class="arrow"></view>
    </view>
    <view class="set_item borders">
      <text class="title">支付设置</text>
      <view class="arrow"></view>
    </view>
    <view class="set_item borders">
      <text class="title">通用</text>
      <view class="arrow"></view>
    </view>
    <view class="set_item">
      <text class="title">消息通知设置</text>
      <view class="arrow"></view>
    </view>
    <view class="set_item borders">
      <text class="title">隐私设置</text>
      <view class="arrow"></view>
    </view>
    <view class="set_item borders">
      <text class="title">个人信息收集清单</text>
      <view class="arrow"></view>
    </view>
    <view class="set_item borders">
      <text class="title">应用权限说明</text>
      <view class="arrow"></view>
    </view>
    <view class="set_item">
      <text class="title">第三方共享个人信息清单</text>
      <view class="arrow"></view>
    </view>
    <view class="set_item">
      <text class="title">退出账号</text>
    </view>
  </view>
</template>

<script setup>

</script>

<style lang="scss">
page {
  height: 100%;
}
.set_wraper {
  // width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  box-sizing: border-box;
  .set_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70rpx;
    background-color: #fff;
    padding: 0rpx 20rpx;
    text {
      font-size: 29rpx;
    }
    .arrow {
      width: 20rpx;
      height: 20rpx;
      background: url("../../static/images/arrow.png") no-repeat;
      background-size: cover;
    }
  }
  .borders {
    border-bottom: 1px solid #ccc;
  }
  .set_item:nth-child(2) {
    margin-top: 40rpx;
  }
  .set_item:nth-child(5) {
    margin-bottom: 40rpx;
    height: 90rpx;
  }
  .set_item:nth-child(9) {
    height: 90rpx;
  }
  .set_item:last-child{
    margin-top: 50rpx;
    justify-content: center;
  }
}
</style>